<template>
  <div class="warehouseCheckComeDetail">
    <h4>基本信息</h4>
    <table class="table" rules="all" border="1">
      <tr>
        <td>出库单号</td>
        <td>{{detailForm.checkCode}}</td>
        <td>出库仓库</td>
        <td>{{detailForm.checkWarehouse}}</td>
      </tr>
      <tr>
        <td>出库人</td>
        <td>{{detailForm.checkUser}}</td>
        <td>出库时间</td>
        <td>{{detailForm.checkDate}}</td>
      </tr>
      <tr>
        <td>领料人</td>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="5"></td>
      </tr>
    </table>
    <h4>相关附件</h4>
    <div class="file">

    </div>
    <h4>出库信息</h4>
    <el-table border>
      <el-table-column align="center" type="index" label="序号" width="55"/>
      <el-table-column label="产品编号" prop=""/>
      <el-table-column label="产品名称" prop=""/>
      <el-table-column label="单位" prop=""/>
      <el-table-column label="出库数量" prop=""/>
      <el-table-column label="单价" prop=""/>
      <el-table-column label="总价" prop=""/>
    </el-table>
  </div>
</template>

<script>
  export default {
    name: "warehouseCheckComeDetail",
    data(){
      return{
        detailForm:'',
      }
    },
    created() {
      this.detailForm = this.$route.query.data
    },
  }
</script>

<style scoped lang="scss">
  .warehouseCheckComeDetail{
    margin-left:20px;
    h4 {
      color: #05A380;
      .el-checkbox{
        padding-left:10px;
        color:#05A380;
      }
      .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #05A380;
        border-color: #05A380;
      }
      .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #05A380;
      }
    }
    .table{
      border: 1px solid #cccccc;
      color: #606266;
      font-size: inherit;
      width:900px;
      tr {
        td:nth-child(2n-1) {
          width: 150px;
          text-align: center;
        }
        td:nth-child(2n) {
          width: 300px;
          padding-left: 10px;
        }
        td {
          line-height: 35px;
        }
      }
    }
    .file{
      border: 1px solid #cccccc;
      width:900px;
      min-height: 35px;
    }
  }
</style>

